<div class="p-1 mb-2">
  <button class="btn btn-primary f-btn-ml" (click)="addMapping()">新增</button>
  <button class="btn btn-secondary f-btn-ml" (click)="removeMapping()">删除</button>
</div>

<div class="flex-fill gridPanel">
  <farris-datagrid [data]="mapValues" [columns]="dataGridCols" #dg="datagrid" [idField]="'id'" [fit]="true"
    [editable]="true" [editMode]="'cell'" [showCheckbox]="false" [fitColumns]="true" [clickToEdit]="true"
    [pagination]="false">
  </farris-datagrid>

</div>

<ng-template #mappingFooter>
  <button type="button" class="btn btn-secondary" (click)="clickCancel()">取消</button>
  <button type="button" class="btn btn-primary" (click)="clickConfirm()">确定</button>
</ng-template>